<template>
	<scroll-view scroll-y class="list bgff boxS">
		<view v-for="(item,index) in list" :key="index" @click="selectCity(item)" class="flex flexC flexB mx16 py16 pr4 borb">
			<text>{{item.name}}</text>
			<text class="arrowR dinline"></text>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		name:"city-picker",
		props:{
			list:{
				type:Array,
				default:[]
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			
			selectCity(item){
				this.$emit("selectCity",item.name);
			}
		}
	}
</script>

<style lang="scss" scoped>
.list {
	max-height: 60vh;
}
</style>